<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>Hello MUI</title>
		<style>
		.demo{
/*			width:600px; */
		    margin:-20px auto 0 auto; 
/*		    min-height:500px;*/
		}
		.demo div{float:left; width:300px; padding:20px 20px 20px 32px;}
		.demo p{line-height:42px; font-size:16px}
		
		.circliful {
		    position: relative; 
		}
		
		.circle-text, .circle-info, .circle-text-half, .circle-info-half {
		    width: 75%;
		    position: absolute;
		    text-align: center;
		    display: inline-block;
		}
		
		.circle-info, .circle-info-half {
			color: #999;
		}
		
		.circliful .fa {
			margin: -10px 3px 0 3px;
			position: relative;
			bottom: 4px;
		}
		</style>
		<script src='jquery-1.9.1.min.js'></script>
		<script src="jquery.circliful.min.js"></script>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">

		<link rel="stylesheet" href="../../css/mui.min.css">
		<link rel="stylesheet" href="invest.css" />
		<link rel="stylesheet" href="../../css/global.css"/>
		<!--<script src="../../js/mui.js"></script>-->
		<script src="../../js/mui.min.js"></script>

	</head>

	<body style="background-color: #f3f3f3;">
		<header class="mui-bar mui-bar-nav">
			<!--<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left mui-back-bk"></a>-->
			<h1 class="mui-title mhd-title">最新投资</h1>
		</header>
		
		<div id="mui-content" class="mui-content" style="border: 1px solid #242424;">
			  
			<div id="cmw-tabPanel" class="mui-slider mui-fullscreen">
				
				<div id="sliderSegmentedControl" class="mui-scroll-wrapper mui-slider-indicator mui-segmented-control mui-segmented-control-inverted" style = "height: 41px;">
					<div id="TypeSelect" class="mui-scroll" style="width: 100%;">
						<a id="tabheader_1" class="mui-control-item mui-active" href="#item1mobile" style="width: 50%;border-right: 1px solid #f3f3f3;padding: 0px;">
							<div id="TypeSelected" class="type-select-box activity" >月利宝
							</div>
						</a>
						<a id="tabheader_2" class="mui-control-item" href="#item2mobile" style="width: 50%;padding: 0px;">
							<div id="TypeSelected2" class="type-select-box" >债权转让
				            </div>
						</a>
					</div>
				</div>
				<div class="mui-slider-group" style="top:30px">
				
					<!--投标项目列表 CODE START -->
					
					<div id="item1mobile" class="mui-slider-item mui-control-content mui-active">
						<div id="scroll_wrapper1" class="mui-scroll-wrapper" >
							<div id="scroll1" class="mui-scroll" >
									<div  class="app_projects_group">
										<ul id="app_siginLoans">
												<div class="mui-loading">
													<div class="mui-spinner">
													</div>
												</div>
										</ul>
									</div>
							</div>
						</div>
					</div>
					
					<!--投标项目列表 CODE START -->
					
					<!--债权转让 CODE START-->
					
					<div id="item2mobile" class="mui-slider-item mui-control-content">
						<div  id="scroll_wrapper2" class="mui-scroll-wrapper">
							<div id="scroll2" class="mui-scroll">
									<DIV class="app_projects_group">
										<UL id="app_transferLoans">
											<div class="mui-loading">
													<div class="mui-spinner">
													</div>
											</div>
										</ul>
									</div>
							</div>
						</div>
					</div>
					
					<!--债权转让 CODE END-->
				</div>
			</div>
		</div>

		<script type="text/javascript" src="../../js/cmw_core.js"></script>
		<script type="text/javascript" src="../../js/constant.js"></script>
		<script type="text/javascript" src="../../js/global.js"></script>
		<script src="../../js/mui.pullToRefresh.js"></script>
		<script src="../../js/mui.pullToRefresh.material.js"></script>
		<script type="text/javascript" src="invest.js"></script>
	    <script>
		$(function(){
			$('.myStat4').circliful();
		});
		</script>
		<script>
		</script>
	</body>

</html>
